From: Volker E <volker.e@wikimedia.org>
Date: Sat, 9 Sep 2017 17:44:08 +0000 (-0700)
Subject: FeedbackDialog: Improve alignment
X-Git-Tag: 1.31.0-rc.0~2149^2
X-Git-Url: http://git.cyclocoop.org/%7D%7Cconcat%7B?a=commitdiff_plain;h=e4c17b57af7f274966032566fddd67b91d7f91ca;p=lhc%2Fweb%2Fwiklou.git

FeedbackDialog: Improve alignment

Improving alignment of FeedbackDialog items and increasing
`line-height` slightly for better readability.

Change-Id: Ic1d569efbdd1340fadb696e76c7a871f29794077
---

diff --git a/resources/src/mediawiki/mediawiki.feedback.css b/resources/src/mediawiki/mediawiki.feedback.css
index 6a93fddd67..c4363ed003 100644
--- a/resources/src/mediawiki/mediawiki.feedback.css
+++ b/resources/src/mediawiki/mediawiki.feedback.css
@@ -10,13 +10,22 @@
 
 .mw-feedbackDialog-welcome-message,
 .mw-feedbackDialog-feedback-terms {
-	line-height: 1.2em;
+	line-height: 1.4;
 }
 
-.mw-feedbackDialog-feedback-form {
-	margin-top: 1em;
+.mw-feedbackDialog-welcome-message {
+	margin-bottom: 1em;
+}
+
+/* Overwriting OOUI is no fun */
+.mw-feedbackDialog-feedback-form .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
+	min-width: 4.2em;
+	width: 10%;
+}
+.mw-feedbackDialog-feedback-form .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
+	width: 80%;
 }
 
 .mw-feedbackDialog-feedback-termsofuse {
-	margin-left: 2.5em;
+	margin-left: 2em;
 }